<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:body>
        <!-- esta página utiliza como template o tema "template.xhtml" -->
        <ui:composition template="template.xhtml">
            <!-- O titulo desta página é "Atividades de pesquisa" -->
            <ui:param name="titulo" value="Atividades de pesquisa" />
            <!-- O que foi informado como "conteúdo" no template deve ser preenchido com isto: -->
            <ui:define name="conteudo">
                <div class="titulo">
                    <img src="imgs_layout/img_anotacao.gif" width="65" height="60" alt="" class="titulo_img" />
                    <h1>Anotações</h1>
                    <span>Leia e faça anotações sobre os alunos de seu grupo</span>
                </div>

                 <h:panelGroup rendered="#{not empty AlunoController.treeMap}">
                    <h:form>
                        <div style="margin-top:40px; margin-bottom: 40px" align="center">
                            Selecione um petiano:
                            <h:selectOneMenu  value="#{AnotacaoController.idAluno}" styleClass="input form_select" style="margin-left:9px">
                                <f:selectItem itemLabel="" itemValue="0" noSelectionOption="true" />
                                <f:selectItems value="#{AlunoController.treeMap}" />
                                <p:ajax update="gerenciamento_anotacoes" listener="#{AnotacaoController.updateAnotacoes}" />
                            </h:selectOneMenu>
                        </div>
                    </h:form>
                 </h:panelGroup>
                <h:outputText value="Não há petianos cadastrados." rendered="#{empty AlunoController.treeMap}" />

                <h:panelGroup id="gerenciamento_anotacoes">
                    <h:panelGroup layout="block" styleClass="inserir" rendered="#{not (AnotacaoController.idAluno eq 0)}">
                        <h:form><p:commandLink value="Criar anotação" action="#{AnotacaoController.reset}" update="display_insert" oncomplete="insert.show()" /></h:form>
                    </h:panelGroup>

                    <p style="margin-top: 30px">
                        <h:outputText value="Não existem anotações feitas para este aluno." rendered="#{(not (AnotacaoController.idAluno eq 0)) and empty AnotacaoController.anotacoes}" />
                    </p>

                    <h:form prependId="false">
                        <p:dataTable id ="anotacoes" var="a" value="#{AnotacaoController.anotacoes}" paginator="true" rows="10" rendered="#{not empty AnotacaoController.anotacoes}">
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Data" />
                                </f:facet>
                                <h:outputText value="#{a.data}">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText>
                            </p:column>

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Avaliação" />
                                </f:facet>
                                <div style="text-align:center">
                                    <h:graphicImage alt="Positiva" title="Positiva" url="imgs_layout/thumbsup.gif" rendered="#{a.carater}" />
                                    <h:graphicImage alt="Negativa" title="Negativa" url="imgs_layout/thumbsdown.gif" rendered="#{not a.carater}" />
                                </div>
                            </p:column>

                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="texto" />
                                </f:facet>
                                <h:outputText value="#{a.descricao}" />
                            </p:column>

                             <p:column style="width:32px">
                                <p:commandButton update="display_view" oncomplete="view.show()"
                                                 image="ui-icon ui-icon-pencil"
                                                 alt="visualizar, editar" title="visualizar, editar">
                                    <f:setPropertyActionListener value="#{a}"
                                                                 target="#{AnotacaoController.anotacao}" />
                                </p:commandButton>
                            </p:column>

                            <p:column style="width:32px">
                                <p:commandButton update="display_delete" oncomplete="confirmation.show()"
                                            image="ui-icon ui-icon-close"
                                            alt="excluir" title="excluir">
                                        <f:setPropertyActionListener value="#{a}"
                                                                     target="#{AnotacaoController.anotacao}" />
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>
                    </h:form>

                    <h:form prependId="false">
                        <p:dialog header="Anotação" widgetVar="view" resizable="false"
                                  width="292" showEffect="fade" hideEffect="fade">
                            <h:panelGroup id="display_view" layout="block">

                                <h:panelGrid columns="2" cellpadding="4">
                                    <h:outputText value="Data: " />
                                    <h:outputText value="#{AnotacaoController.anotacao.data}">
                                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                                    </h:outputText>

                                    <h:outputText value="Avaliação: " />
                                    <h:selectOneRadio border="0" value="#{AnotacaoController.anotacao.carater}">

                                        <f:selectItem itemValue="true" itemLabel="Positiva" />
                                        <f:selectItem itemValue="false" itemLabel="Negativa" />

                                    </h:selectOneRadio>
                                </h:panelGrid>
                                <h:inputTextarea style="margin-left:5px; margin-top: 2px; width: 257px; height: 139px"
                                                 styleClass="input" value="#{AnotacaoController.anotacao.texto}" required="true"
                                                 requiredMessage="Ocorreu um erro. A anotação deve conter um texto." />
                                <div style="width: 100%; text-align: center; float:left; margin-top:10px">
                                    <p:commandButton value="Salvar" action="#{AnotacaoController.editar}"
                                                     update="gerenciamento_anotacoes growl" onclick="view.hide()" />
                                </div>

                            </h:panelGroup>
                        </p:dialog>
                    </h:form>

                    <h:form prependId="false">
                        <p:dialog header="Criar anotação" widgetVar="insert" resizable="false"
                                  width="292" showEffect="fade" hideEffect="fade">
                            <h:panelGroup id="display_insert" layout="block">

                                <h:panelGrid columns="2" cellpadding="4">
                                    <h:outputText value="Avaliação: " />
                                    <h:selectOneRadio border="0" value="#{AnotacaoController.anotacao.carater}">
                                        <f:selectItem itemValue="true" itemLabel="Positiva" />
                                        <f:selectItem itemValue="false" itemLabel="Negativa" />
                                    </h:selectOneRadio>
                                </h:panelGrid>
                                <h:inputTextarea style="margin-left:5px; margin-top: 2px; width: 257px; height: 139px"
                                                 styleClass="input" value="#{AnotacaoController.anotacao.texto}" required="true"
                                                 requiredMessage="Ocorreu um erro. A anotação deve conter um texto." />
                                <div style="width: 100%; text-align: center; float:left; margin-top:10px">
                                    <p:commandButton value="Salvar" action="#{AnotacaoController.salvar}"
                                                     update="gerenciamento_anotacoes growl" onclick="insert.hide()"
                                                     oncomplete="submit()"/>
                                </div>
                            </h:panelGroup>
                        </p:dialog>

                    </h:form>

                    <h:form prependId="false">
                        <p:confirmDialog message="Tem certeza que deseja excluir esta anotação permanentemente?"
                                         showEffect="fade" hideEffect="fade"
                                         header="Excluir anotação" severity="alert" widgetVar="confirmation">
                            <p:commandButton value="Sim" update="gerenciamento_anotacoes growl" oncomplete="confirmation.hide()"
                                             action="#{AnotacaoController.excluir}" />
                            <p:commandButton value="Não" onclick="confirmation.hide()" type="button" />
                        </p:confirmDialog>
                    </h:form>
                </h:panelGroup>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
